続いて、文字を点滅させる部分の関数を作成します。 (「メッセージを点滅させる」をご参照ください。)
変数(kubun)の値が、「1」または「3」のときは文字を表示させない 「2」または「4」のときは変数(message)の文字を表示させるように、「else if」で処理を追加します。
各処理の最後では、変数(kubun)の値を1つ増加させ、次回に関数が呼び出されたとき次のステップへと進むようにしておきます。 なお、変数(kubun)の値が「5」まで増加した場合は、その値を「0」に戻す処理の記述を忘れないでください。 |
<SCRIPT language="JavaScript"> <!-- message = "HP素材の配布を開始しました!"; mn =message.length; n = 0; kubun = 0;
function tentype(){ if(kubun==0){ document.form1.tbox1.value = message.substring(0,n)+"_"; if(n==mn){n=0;kubun=1} else{n=n+1} } else if(kubun==1 || kubun==3){ document.form1.tbox1.value = ""; kubun=kubun+1 } else if(kubun==2 || kubun==4){ document.form1.tbox1.value = message; kubun=kubun+1; if(kubun==5){kubun=0} } }
// --> </SCRIPT> |
- 上記は、手順1で作成中であった自作関数「tentype()」を完成させたものです。
- 変数(kubun)の条件分岐を「kubun==1」または「kubun==3」とする場合は、2つの条件式を理論演算子「||」で結び付けます。
- 変数(kubun)が「kubun==2」または「kubun==4」の場合の処理では、変数(kubun)の値が「5」ではなく「0」に戻るように、「if(kubun==5){kubun=0}」を追加しておきます。
|